<template>
    <div class="email-login">
        <LoginHeader></LoginHeader>
        <Logo></Logo>
        <Form></Form>
        <div class="checkbox">
            <label>
                <span class="check">
                    <input type="checkbox"> 
                </span>
                <span class="statement">
                     <a herf="javascript:;" class="no-need-login">10天免登陆</a>
                    <a herf="javascript:;" class="question">忘记密码?</a>
                </span>
            </label>
        </div>
    </div>

</template>
<script>
import LoginHeader from "components/common/Login/LoginHeader"
import Logo from "components/common/Login/Logo"
import Form from "components/common/Login/Form"

export default {
    components: {
        LoginHeader,
        Logo,
        Form
        
    }
}
</script>

<style lang="stylus" scoped>
   .checkbox
        padding 0 .15rem
        color #999

        label 
            display flex
            padding 0
            align-items center
            .check
                width .16rem
                height .15rem
                display inline-block
                border 1px solid #aaaaaa
                background url(//urswebzj.nosdn.127.net/webzj_cdn101/sprite_61fbe151ab715649c6b7c4ec39156201.png) -3.3rem -.92rem no-repeat
                margin-right .09rem
                input 
                    width .15rem
                    height .15rem
                    margin 0
                    opacity 0   
            .statement
                width 100%
                display flex
                line-height .2rem
                justify-content space-between
                a
                    color #999
                    text-decoration none
</style>